<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的作品</title>
<link rel="stylesheet" type="text/css"
	href="/crowd-sourcing/static/bootstart/css/bootstrap.min.css" />
	
	<style type="text/css">
	body{
	padding:0;
	margin: 0;
	 background-color: cornflowerblue;
	}
	.container{
	background-image: url(/crowd-sourcing/img/bg.png);
	}
	h1{
	color:red;
	}
	.col-lg-6{
	background-image: url(/crowd-sourcing/img/327730.jpg);
	}
	.col-lg-6{
	text-align: center;
	}
	.table-hover tr td{
	border: 1px solid black;
	font-size: 20px;
	}
	.btn-success{
	margin-top: 36px;
	}
	</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-6">
<h1>我的作品</h1>
</div>
<div class="col-lg-6">
<button type="button" class="btn btn-success"  onclick="qu()">返回上一页</button>
</div>
<div class="row">
<div class="col-lg-11"><table class="table table-hover">
          <tr><th>作品名称</th><th>作品</th><th>作品信息</th><th>作者姓名</th><th>电话号码</th></tr>
         
</table></div>

</div>

</div>
</div>

<script src="/crowd-sourcing/static/js/jquery-3.4.1.js"></script>
<script type="text/javascript">
$(function(){
	all()
})
function all(){
	$.ajax({
		type:"post",
		url:"gou",
		data:{
			"opo":"find"
		},
		success:function(data){
			console.log(data)
			var json=JSON.parse(data);	
			var da=""
			for(var i=0;i<json.length;i++){
				 da+=" <tr><td>"+json[i].Name+"</td><td><img src='"+json[i].lu+"'></td><td>"+json[i].Xin+"</td><td>"+json[i].zname+"</td><td>"+json[i].phone+"</td></tr>" 
			}
			$(".table-hover").append(da);
		}
	})
}
function qu(){
	window.location.href="hone.jsp"
	
}
</script>
</body>
</html>